<template>
  <div>
    <div class="top">
      <h2>这里是子组件相关的信息展示，下面部分话，是用户通过Slot来自定义的内容</h2>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'SlotDemo'
}
</script>
<style lang="less" scoped>
.top{
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  border-radius: 1px solid #333;
}
</style>
